<%-- 
    Document   : borderlayout
    Created on : 2019-1-25, 9:55:13
    Author     : dusin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>教学助手</title>
        <script type="text/javascript" src="../../js/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../../js/jquery/jquery.easyui.min.js"></script>
        <link rel="stylesheet" href="../../js/jquery/themes/default/easyui.css" type="text/css" />
        <link rel="stylesheet" href="../../js/jquery/themes/icon.css" type="text/css" />
        <script language="JavaScript">
            $(document).ready(function() {
                $('.easyui-accordion li a').click(function() {

                }).hover(function() {
                    $(this).parent().addClass("hover");
                }, function() {
                    $(this).parent().removeClass("hover");
                });
                $('#roster').tree({
                    queryParams: {type: 0},
                    method: "post",
                    url: "../../servlet/class/QueryCurrentTeachClass",
                    onClick: function(node) {
                        if ($(this).tree('isLeaf', node.target)) {
                            addTab(node.text, encodeURI(node.attributes.url + '?id='
                                    + node.attributes.id + '&text=' + node.text));
                        } else {
                            $(this).tree('toggle', node.target);
                        }
                    }
                });
                $('#labroot').tree({
                    queryParams: {type: 1},
                    method: "post",
                    url: "../../servlet/class/QueryCurrentTeachClass",
                    onClick: function(node) {
                        if ($(this).tree('isLeaf', node.target)) {
                            addTab(node.text, encodeURI(node.attributes.url + '?id='
                                    + node.attributes.id + '&text=' + node.text));
                        } else {
                            $(this).tree('toggle', node.target);
                        }
                    }
                });
                $('#homework').tree({
                    queryParams: {type: 2},
                    method: "post",
                    url: "../../servlet/class/QueryCurrentTeachClass",
                    onClick: function(node) {
                        if ($(this).tree('isLeaf', node.target)) {
                            addTab(node.text, encodeURI(node.attributes.url + '?id='
                                    + node.attributes.id + '&text=' + node.text));
                        } else {
                            $(this).tree('toggle', node.target);
                        }
                    }
                });
                $('#tabs').tabs({
                    border: false,
                    onSelect: function(title) {
                        // get the selected tab panel and its tab object
                        var pp = $('#tabs').tabs('getSelected');
                        var selectedTab = pp.panel('options').tab;    // the corresponding tab object
                        var content = selectedTab.content;
                        //alert(content)
                    }
                });

                function addTab(subtitle, url) {
                    if (!$('#tabs').tabs('exists', subtitle)) {
                        var content = '<iframe name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';
                        $('#tabs').tabs('add', {
                            title: subtitle,
                            content: content,
                            closable: true,
                            width: $('#mainPanle').width() - 10,
                            height: $('#mainPanle').height() - 26,
                            cache: true
                        });
                    } else {
                        $('#tabs').tabs('select', subtitle);
                    }
                    tabClose();
                }

                $('#duedate').datebox({
                });
                function createFrame(url) {
                    var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';
                    return s;
                }
                function tabClose() {
                    /*双击关闭TAB选项卡*/
                    $(".tabs-inner").dblclick(function() {
                        var subtitle = $(this).children("span").text();
                        $('#tabs').tabs('close', subtitle);
                    })
                    $(".tabs-inner").bind('contextmenu', function(e) {
                        $('#mm').menu('show', {
                            left: e.pageX,
                            top: e.pageY,
                        });
                        var subtitle = $(this).children("span").text();
                        $('#mm').data("currtab", subtitle);
                        return false;
                    });
                }
//绑定右键菜单事件
                function tabCloseEven() {
//关闭当前
                    $('#mm-tabclose').click(function() {
                        var currtab_title = $('#mm').data("currtab");
                        $('#tabs').tabs('close', currtab_title);
                    })
//全部关闭
                    $('#mm-tabcloseall').click(function() {
                        $('.tabs-inner span').each(function(i, n) {
                            var t = $(n).text();
                            $('#tabs').tabs('close', t);
                        });
                    });
//关闭除当前之外的TAB
                    $('#mm-tabcloseother').click(function() {
                        var currtab_title = $('#mm').data("currtab");
                        $('.tabs-inner span').each(function(i, n) {
                            var t = $(n).text();
                            if (t != currtab_title)
                                $('#tabs').tabs('close', t);
                        });
                    });
//关闭当前右侧的TAB
                    $('#mm-tabcloseright').click(function() {
                        var nextall = $('.tabs-selected').nextAll();
                        if (nextall.length == 0) {
//msgShow('系统提示','后边没有啦~~','error');
                            alert('后边没有啦~~');
                            return false;
                        }
                        nextall.each(function(i, n) {
                            var t = $('a:eq(0) span', $(n)).text();
                            $('#tabs').tabs('close', t);
                        });
                        return false;
                    });
//关闭当前左侧的TAB
                    $('#mm-tabcloseleft').click(function() {
                        var prevall = $('.tabs-selected').prevAll();
                        if (prevall.length == 0) {
                            alert('到头了，前边没有啦~~');
                            return false;
                        }
                        prevall.each(function(i, n) {
                            var t = $('a:eq(0) span', $(n)).text();
                            $('#tabs').tabs('close', t);
                        });
                        return false;
                    });
//退出
                    $("#mm-exit").click(function() {
                        $('#mm').menu('hide');
                    })
                }
                
                $('#cc').combobox('select', 1);
            });
        </script>
        <style>
            .footer {
                width: 100%;
                text-align: center;
                line-height: 35px;
            }
            .top-bg {
                background-color: #d8e4fe;
                height: 80px;

            }
        </style>
    </head>
    <body class="easyui-layout" id="fullScreen">
        <div region="north" border="true" split="true" style="overflow: hidden; height: 80px;">
            <div class="top-bg"><img src="../../img/icon/logo_72.png"/>
                <div style="float:right;font:normal 16px tahoma, arial, sans-serif, 宋体;margin:30px 30px 0 10px;z-index:1000">                       
                    <img src="../../img/icon/user.png" width="16" height="16" />&nbsp;<span>张三</span>&nbsp;|&nbsp; 
                    <img src="../../img/icon/sign_out.png" width="16" height="16" /><a href="logout.jsp" style="color:blue"> 注销</a>
                </div>            
            </div>

        </div>
        <div region="south" border="true" split="true" style="overflow: hidden; height: 40px;">
            <div class="footer">版权所有：<a href="http://www.dusin.com">JUST工作室</a></div>
        </div>
        <div region="west" split="true" title="导航菜单" style="width: 200px;">
            <div class="easyui-layout" data-options="fit:true">
                <div region="north" style="height:110">
                    <div id="p" class="easyui-panel" title="选择学期"
                         style="width:199px;height:100px;padding:10px;background:#fafafa;"
                         data-options="closable:false,fit:true,
                         collapsible:false,minimizable:false,maximizable:false">
                       <input id="cc" class="easyui-combobox" name="semester"   
                              data-options="valueField:'id',textField:'text',
                              url:'../../servlet/util/Last5Semester',
                              onSelect: function(rec){
                                $.messager.show({
                                    title:'My Title',
                                    msg:'Message will be closed after 5 seconds.'+rec.text,
                                    timeout:5000,
                                    showType:'slide'
                                });
                        }"/>
                    </div>
                </div>
                <div region ="center">
                    <div id="aa" class="easyui-accordion" style="position: absolute; top: 5px; left: 0px; right: 0px; bottom: 0px;">
                        <div title="名单管理" iconcls="icon-users16" style="overflow: auto; padding: 10px;">
                            <ul id="roster" class="easyui-tree" >
                            </ul> 
                        </div>
                        <div title="实验任务" iconcls="icon-computer"  style="padding: 10px;">
                            <ul id="labroot" class="easyui-tree">
                            </ul> 
                        </div>
                        <div title="作业管理" iconcls="icon-homework16"  style="padding: 10px;">
                            <ul id="homework" class="easyui-tree">
                            </ul>  
                        </div>
                        <div title="成绩管理" iconcls="icon-dmark16" selected="true" style="padding: 10px;">
                            content2 
                        </div>
                        <div title="设置" iconcls="icon-settings16" selected="true" style="padding: 10px;">
                            content2 
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="mainPanle" region="center" style="overflow: hidden;">
            <div id="tabs" class="easyui-tabs" fit="true" border="false">
                <div title="欢迎使用" style="padding: 20px; overflow: hidden;" id="home">
                    <h1>Welcome to jQuery UI!</h1>
                </div>
            </div>
        </div>
    </body>
</html>
